{extend name="Base/common_user"/}
{block name="style"}
<link href="__PUBLIC__/home/fbot/myRobot.css" rel="stylesheet">
{/block}
{block name="header"}

{/block}

{block name="body"}
<div class="cenMain">
    <p class="rbtit"><a href="{:url('User/center')}">我的机器人</a><span>&gt;&gt;图灵机器人</span></p>
     <div class="robotMsg subMright subBs">
        <a href="javascript:;" class="dele">删除机器人</a>
        <p class="pTit">机器人身份(apikey:{$robot.apikey})</p>
        <div class="clearfix">
            <div class="l">
                <div class="swap">
                    <img src="__PUBLIC__/home/fbot/img/icon40.png" alt="">
                </div>
                <p class="bStyle">版本类型：免费版</p>
                <a href="" class="toMon">版本升级</a>
            </div>
            <form action="" id="form">
                <div class="r" style="margin-top: 26px;">
                    <div class="clearfix">
                        <div>
                            <span>机器人昵称：</span>
                            <input type="text" class="name" name="name" value="{$robot.name}">
                        </div>
                        <div>
                            <span>机器人年龄：</span>
                            <input type="text" class="age" name="age" value="{$robot.age}">
                        </div>

                    </div>
                    <div class="clearfix modeSel">
                        <div>
                            <span>机器人性别：</span>
                            <label><i class="active">●</i><input type="radio" name="sex" checked="" value="M">男</label>
                            <label><i class="">●</i><input type="radio" name="sex" value="F">女</label>
                        </div>
                        <div>
                            <span>机器人星座：</span>
                            <div class="sle_wap">
                                <span>巨蟹座</span>
                                <div class="sel_list" style="display: none;">
                                    <a href="javascript:;" data-value="巨蟹座">巨蟹座</a>
                                    <a href="javascript:;" data-value="魔羯座">魔羯座</a>
                                    <a href="javascript:;" data-value="水瓶座">水瓶座</a>
                                    <a href="javascript:;" data-value="双鱼座">双鱼座</a>
                                    <a href="javascript:;" data-value="牡羊座">牡羊座</a>
                                    <a href="javascript:;" data-value="金牛座">金牛座</a>
                                    <a href="javascript:;" data-value="双子座">双子座</a>
                                    <a href="javascript:;" data-value="狮子座">狮子座</a>
                                    <a href="javascript:;" data-value="处女座">处女座</a>
                                    <a href="javascript:;" data-value="天秤座">天秤座</a>
                                    <a href="javascript:;" data-value="天蝎座">天蝎座</a>
                                    <a href="javascript:;" data-value="射手座">射手座</a>
                                    <input name="constellation" type="hidden" class="constellation" value="">
                                </div>
                            </div>
                        </div>


                    </div>
                    <div class="clearfix modeSel">
                        <div>
                            <span>妈妈的名字：</span>
                            <input type="text" class="maname" name="motherName" value="">
                        </div>
                        <div>
                            <span>爸爸的名字：</span>
                            <input type="text" class="faName" name="fatherName" value="">
                        </div>
                    </div>
                </div>
            </form>

        </div>
    </div>

    <div class="robotMsg subMright subBs">
        <p class="pTit">认知计算</p>
        <div class="perceive clearfix">
            <a href="/member/robot/settings/intelligence.jhtml?id=771579" class="active"><span class="icon-chd"></span>聪慧度</a>
            <a href="/member/robot/kb/detective.jhtml?id=771579" class="active"><span class="icon-xuexi"></span>学习能力</a>
            <a href="javascript:;"><span class="icon-shijue"></span>视觉能力</a>
            <a href="javascript:;"><span class="icon-yuyin"></span>语音能力</a>
            <a href="javascript:;"><span class="icon-qinggan"></span>情感能力</a>
            <a href="javascript:;"><span class="icon-tingjue"></span>听觉能力</a>
        </div>
    </div>

    <div class="robotMsg subMright subBs">
        <p class="pTit">知识中心</p>
        <ul id="kbsorts" class="knowle clearfix knCenter"><li class="sclass" sid="914335"><a href="/member/robot/kb/list.jhtml?robotid=771579&amp;sortid=914335"><span class="icon-zsk"></span><p>默认知识库</p></a></li><li><em class="addKown icon-zsk_t"><span class="path1"></span><span class="path2"></span></em></li></ul>
    </div>

    <div class="robotMsg subMright subBs" id="ability">
        <p class="pTit">能力拓展</p>
        <ul class="abilityList clearfix">
                <li>
                    <img src="http://file.tuling123.com/upload/image/icons/nlsc_icon006.png">
                    <p>吉凶查询</p>
                    <div class="onOff">
                        <div class="onWap onUp on" robotmoduleid="4">
                            <div class="spci1">ON</div>
                            <div class="spci2"></div>
                            <div class="spci3"></div>
                            <div class="spci4">OFF</div>
                        </div>
                    </div>
                </li>
                <li>
                    <img src="http://file.tuling123.com/upload/image/icons/nlsc_icon013.png">
                    <p>聊天对话</p>
                    <div class="onOff">
                        <div class="onWap onUp on" robotmoduleid="34">
                            <div class="spci1">ON</div>
                            <div class="spci2"></div>
                            <div class="spci3"></div>
                            <div class="spci4">OFF</div>
                        </div>
                    </div>
                </li>
                <li>
                    <img src="http://file.tuling123.com/upload/image/icons/nlsc_icon011.png">
                    <p>问答百科</p>
                    <div class="onOff">
                        <div class="onWap onUp on" robotmoduleid="16">
                            <div class="spci1">ON</div>
                            <div class="spci2"></div>
                            <div class="spci3"></div>
                            <div class="spci4">OFF</div>
                        </div>
                    </div>
                </li>
                <li>
                    <img src="http://file.tuling123.com/upload/image/icons/nlsc_icon010.png">
                    <p>生活百科</p>
                    <div class="onOff">
                        <div class="onWap onUp on" robotmoduleid="7">
                            <div class="spci1">ON</div>
                            <div class="spci2"></div>
                            <div class="spci3"></div>
                            <div class="spci4">OFF</div>
                        </div>
                    </div>
                </li>
                <li>
                    <img src="http://file.tuling123.com/upload/image/icons/nlsc_icon018.png">
                    <p>知识库</p>
                    <div class="onOff">
                        <div class="onWap onUp on" robotmoduleid="17">
                            <div class="spci1">ON</div>
                            <div class="spci2"></div>
                            <div class="spci3"></div>
                            <div class="spci4">OFF</div>
                        </div>
                    </div>
                </li>
                <li>
                    <img src="http://file.tuling123.com/upload/image/icons/nlsc_icon007.png">
                    <p>星座运势</p>
                    <div class="onOff">
                        <div class="onWap onUp on" robotmoduleid="6">
                            <div class="spci1">ON</div>
                            <div class="spci2"></div>
                            <div class="spci3"></div>
                            <div class="spci4">OFF</div>
                        </div>
                    </div>
                </li>
                <li>
                    <img src="http://file.tuling123.com/upload/image/icons/nlsc_icon004.png">
                    <p>新闻资讯</p>
                    <div class="onOff">
                        <div class="onWap onUp on" robotmoduleid="5">
                            <div class="spci1">ON</div>
                            <div class="spci2"></div>
                            <div class="spci3"></div>
                            <div class="spci4">OFF</div>
                        </div>
                    </div>
                </li>
                <li>
                    <img src="http://file.tuling123.com/upload/image/icons/nlsc_icon016.png">
                    <p>成语接龙</p>
                    <div class="onOff">
                        <div class="onWap onUp on" robotmoduleid="3">
                            <div class="spci1">ON</div>
                            <div class="spci2"></div>
                            <div class="spci3"></div>
                            <div class="spci4">OFF</div>
                        </div>
                    </div>
                </li>
                <li>
                    <img src="http://file.tuling123.com/upload/image/icons/nlsc_icon009.png">
                    <p>故事大全</p>
                    <div class="onOff">
                        <div class="onWap onUp on" robotmoduleid="2">
                            <div class="spci1">ON</div>
                            <div class="spci2"></div>
                            <div class="spci3"></div>
                            <div class="spci4">OFF</div>
                        </div>
                    </div>
                </li>
                <li>
                    <img src="http://file.tuling123.com/upload/image/icons/nlsc_icon008.png">
                    <p>菜谱大全</p>
                    <div class="onOff">
                        <div class="onWap onUp on" robotmoduleid="10">
                            <div class="spci1">ON</div>
                            <div class="spci2"></div>
                            <div class="spci3"></div>
                            <div class="spci4">OFF</div>
                        </div>
                    </div>
                </li>
                <li>
                    <img src="http://file.tuling123.com/upload/image/icons/nlsc_icon001.png">
                    <p>快递查询</p>
                    <div class="onOff">
                        <div class="onWap onUp on" robotmoduleid="11">
                            <div class="spci1">ON</div>
                            <div class="spci2"></div>
                            <div class="spci3"></div>
                            <div class="spci4">OFF</div>
                        </div>
                    </div>
                </li>
                <li>
                    <img src="http://file.tuling123.com/upload/image/icons/nlsc_icon015.png">
                    <p>笑话大全</p>
                    <div class="onOff">
                        <div class="onWap onUp on" robotmoduleid="1">
                            <div class="spci1">ON</div>
                            <div class="spci2"></div>
                            <div class="spci3"></div>
                            <div class="spci4">OFF</div>
                        </div>
                    </div>
                </li>
                <li>
                    <img src="http://file.tuling123.com/upload/image/icons/nlsc_icon012.png">
                    <p>天气查询</p>
                    <div class="onOff">
                        <div class="onWap onUp on" robotmoduleid="9">
                            <div class="spci1">ON</div>
                            <div class="spci2"></div>
                            <div class="spci3"></div>
                            <div class="spci4">OFF</div>
                        </div>
                    </div>
                </li>
                <li>
                    <img src="http://file.tuling123.com/upload/image/icons/nlsc_icon014.png">
                    <p>图片搜索</p>
                    <div class="onOff">
                        <div class="onWap onUp on" robotmoduleid="8">
                            <div class="spci1">ON</div>
                            <div class="spci2"></div>
                            <div class="spci3"></div>
                            <div class="spci4">OFF</div>
                        </div>
                    </div>
                </li>
                <li>
                    <img src="http://file.tuling123.com/upload/image/icons/nlsc_icon002.png">
                    <p>列车查询</p>
                    <div class="onOff">
                        <div class="onWap onUp on" robotmoduleid="14">
                            <div class="spci1">ON</div>
                            <div class="spci2"></div>
                            <div class="spci3"></div>
                            <div class="spci4">OFF</div>
                        </div>
                    </div>
                </li>
                <li>
                    <img src="http://file.tuling123.com/upload/image/icons/nlsc_icon003.png">
                    <p>航班查询</p>
                    <div class="onOff">
                        <div class="onWap onUp on" robotmoduleid="13">
                            <div class="spci1">ON</div>
                            <div class="spci2"></div>
                            <div class="spci3"></div>
                            <div class="spci4">OFF</div>
                        </div>
                    </div>
                </li>
                <li>
                    <img src="http://file.tuling123.com/upload/image/icons/nlsc_icon005.png">
                    <p>数字计算</p>
                    <div class="onOff">
                        <div class="onWap onUp on" robotmoduleid="12">
                            <div class="spci1">ON</div>
                            <div class="spci2"></div>
                            <div class="spci3"></div>
                            <div class="spci4">OFF</div>
                        </div>
                    </div>
                </li>
                <li>
                    <img src="http://file.tuling123.com/upload/image/icons/nlsc_icon017.png">
                    <p>日期查询</p>
                    <div class="onOff">
                        <div class="onWap onUp on" robotmoduleid="15">
                            <div class="spci1">ON</div>
                            <div class="spci2"></div>
                            <div class="spci3"></div>
                            <div class="spci4">OFF</div>
                        </div>
                    </div>
                </li>
            <li onclick="window.location='/member/apistrore/index.jhtml'">
                <img src="__PUBLIC__/home/fbot/img/icon31.png" class="plus">
            </li>
        </ul>
    </div>
</div>
{/block}

{block name="script"}
	<script type="text/javascript">
    $('[name="sex"]').bind("click", function () {
        $('[name="sex"]').prev().removeClass("active");
        $(this).prev().addClass("active");
    });
    $('.r').on('click', '.sle_wap', function () {
        $(this).find('.sel_list').show();
        return false;
    })
    $('.r').on('click', '.sel_list a', function () {
        $(this).parent().hide();
        $(this).parent().prev().html($(this).html())
        $(this).siblings('input').val($(this).data('value'))
        return false;
    })

    $(document).click(function () {
        $('.sel_list').hide()
    })
    
    $('#ability .onUp').click(function () {
        var $this = $(this);
        var open = !$this.hasClass('on');
        if (open) {
            $this.removeClass('off');
            $this.addClass('on');
        } else {
            $this.removeClass('on');
            $this.addClass('off');
        }
    })
	</script>
{/block}
